<div class="observable-flags" ng-class="{'inline': $ctrl.inline}">
    <!-- TLP -->
    <div ng-if="!!!$ctrl.hideTlp" class="observable-tlp clickable" uib-tooltip="{{ {
        0: 'TLP:WHITE',
        1: 'TLP:GREEN',
        2: 'TLP:AMBER',
        3: 'TLP:RED',
    }[$ctrl.observable.tlp] }}" tooltip-popup-delay="500" tooltip-placement="tlp"
        ng-click="$ctrl.filterBy('tlp', $ctrl.observable.tlp)">
        <i class="fa" ng-class="{
            0: 'text-tlp-default fa-circle-o',
            1: 'text-tlp-green fa-circle',
            2: 'text-tlp-amber fa-circle',
            3: 'text-tlp-red fa-circle',
        }[$ctrl.observable.tlp]"></i>
    </div>

    <!-- IOC flag -->
    <div ng-if="!!$ctrl.observable.ioc" class="observable-ioc clickable" uib-tooltip="is an IOC" tooltip-popup-delay="500" tooltip-placement="bottom"
        ng-click="$ctrl.filterBy('ioc', true)">
        <i class="fa fa-star"></i>
    </div>
    <div ng-if="!!!$ctrl.observable.ioc" class="observable-ioc clickable"
        ng-click="$ctrl.filterBy('ioc', false)">
        <i class="fa fa-star text-disabled"></i>
    </div>

    <!-- Sighted flag -->
    <div ng-if="!!$ctrl.observable.sighted" class="observable-ioc clickable" uib-tooltip="has been sighted" tooltip-popup-delay="500" tooltip-placement="bottom"
        ng-click="$ctrl.filterBy('sighted', true)">
        <i class="fa fa-toggle-on"></i>
    </div>
    <div ng-if="!!!$ctrl.observable.sighted" class="observable-ioc clickable"
        ng-click="$ctrl.filterBy('sighted', false)">
        <i class="fa fa-toggle-on text-disabled"></i>
    </div>

    <!-- Seen flag -->
    <div ng-if="!!!$ctrl.hideSeen && $ctrl.observable.extraData.seen.seen > 0" class="observable-seen" uib-tooltip="{{$ctrl.observable.extraData.seen.seen}} related observable(s)" tooltip-popup-delay="500" tooltip-placement="bottom">
        <i ng-class="{'text-danger': $ctrl.observable.extraData.seen.ioc}" class="fa fa-eye"></i>
    </div>
    <div ng-if="!!!$ctrl.hideSeen && !($ctrl.observable.extraData.seen.seen > 0)" class="observable-seen">
        <i class="fa fa-eye-slash text-disabled"></i>
    </div>

    <!-- Ignore Similarity flag -->
    <div ng-if="!!!$ctrl.hideSimilarity && !!$ctrl.observable.ignoreSimilarity" class="observable-ioc clickable" uib-tooltip="ignored for similarity" tooltip-popup-delay="500" tooltip-placement="bottom"
        ng-click="$ctrl.filterBy('ignoreSimilarity', true)">
        <i class="fa fa-chain-broken"></i>
    </div>
    <div ng-if="!!!$ctrl.hideSimilarity && !!!$ctrl.observable.ignoreSimilarity" class="observable-ioc clickable"
        ng-click="$ctrl.filterBy('ignoreSimilarity', false)">
        <i class="fa fa-chain-broken text-disabled"></i>
    </div>



    <!-- <span
      uib-tooltip="{{artifact.extraData.seen.seen}} related artifact(s)"
      tooltip-placement="bottom"
      ng-if="artifact.extraData.seen.seen > 0"
      class="glyphicon glyphicon-eye-open"
      ></span> -->

</div>
